<!DOCTYPE html>
{% load staticfiles %}
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>框架首页</title>
    <link rel="stylesheet" href="{% static 'css/semantic.min.css' %}" media="screen" title="no title" charset="utf-8">
    <!--<link rel="stylesheet" href="{% static 'css/index.css' %}" media="screen" title="no title" charset="utf-8">-->
    {% block link_script%} {% endblock%}
    <script src="{% static 'js/jquery.min.js' %}"></script>
    <script src="{% static 'js/public.js' %}"></script>
    <script src="{% static 'semantic.js' %}"></script>
</head>
<body>

<div class="ui vertical" id="head">
    <div class="ui middle aligned divided list" id="tou">

        <div class="item">
            <div class="right floated content">
                <div class="right floated content">
                    <div class="ui image">
                        <img class="ui image" id="two_01" src="{% static 'images/09.jpg' %}">
                    </div>
                    <div class="content" id="two_02">
                        <a href="{%  url 'logout' %}" class="header">退出</a>
                    </div>

                </div>
                <div class="ui image">
                    <img class="ui image" id="three_01" src="{% static 'images/06.jpg' %}">
                </div>
                <div class="content" id="three_02">
                    {% if request.user.is_authenticated %}
                        {% if request.user.first_name %}
                            <a class="header">{{ request.user.first_name }}</a>
                        {% else %}
                            <a class="header">{{ request.user.username }}</a>
                        {% endif %}
                    {% else %}
                        <a href="{% url 'login' %}" class="header">尚未登录</a>
                    {% endif %}
                </div>
            </div>
            <img class="ui avatar image" src="{% static 'images/03.jpg' %}" id="one1">
            <div class="content" id="one2"><a href="{% url 'index' %}">办公软件系统</a> </div>
        </div>


    </div>

    {% block base_body %}{% endblock %}

    {% block base_foot %}
    <!--底部-->
    <div class="ui vertical" id="foot">
        <div class="ui center aligned container">
            <p class="foot_01"><a href="{% url 'index' %}">办公软件系统</a></p>
        </div>
    </div>
    {% endblock %}
</div>
</body>
</html>